{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="float-end">
        <button type="submit" form="form-payment" data-bs-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fas fa-save"></i></button>
        <a href="{{ back }}" data-bs-toggle="tooltip" title="{{ button_back }}" class="btn btn-light"><i class="fas fa-reply"></i></a></div>
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
          <li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    <div class="card">
      <div class="card-header"><i class="fas fa-pencil-alt"></i> {{ text_edit }}</div>
      <div class="card-body">
        <form action="{{ save }}" method="post" enctype="multipart/form-data" id="form-payment" data-oc-toggle="ajax">
          <ul class="nav nav-tabs">
            <li class="nav-item"><a href="#tab-general" data-bs-toggle="tab" class="nav-link active">{{ text_tab_general }}</a></li>
            <li class="nav-item"><a href="#tab-cron" data-bs-toggle="tab" class="nav-link">{{ text_tab_cron }}</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab-general">
              <div class="row mb-3 required">
                <label class="col-sm-2 col-form-label" for="input-vendor">{{ entry_vendor }}</label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <input type="text" name="payment_opayo_vendor" value="{{ vendor }}" placeholder="{{ entry_vendor }}" id="input-vendor" class="form-control" />
                    <div id="error-vendor" class="invalid-feedback"></div>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-status">{{ entry_status }}</label>
                <div class="col-sm-10">
                  <div class="form-check form-switch form-switch-lg">
                    <input type="hidden" name="payment_opayo_status" value="0"/>
                    <input type="checkbox" name="payment_opayo_status" value="1" id="input-status" class="form-check-input"{% if status %} checked{% endif %}/>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-general-environment">{{ entry_environment }}</label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <select name="payment_opayo_setting[general][environment]" id="input-general-environment" class="form-select">{% set setting_general = setting.general %}
                      {% for environment in setting.environment %}
                        {% if environment.code == setting_general.environment %}
                          <option value="{{ environment.code }}" selected="selected">{{ attribute(_context, environment.name) }}</option>
                        {% else %}
                          <option value="{{ environment.code }}">{{ attribute(_context, environment.name) }}</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-general-transaction-method"><span data-bs-toggle="tooltip" title="{{ help_transaction_method }}">{{ entry_transaction_method }}</span></label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <select name="payment_opayo_setting[general][transaction_method]" id="input-general-transaction-method" class="form-select">
                      {% for transaction_method in setting.transaction_method %}
                        {% if transaction_method.code == setting_general.transaction_method %}
                          <option value="{{ transaction_method.code }}" selected="selected">{{ attribute(_context, transaction_method.name) }}</option>
                        {% else %}
                          <option value="{{ transaction_method.code }}">{{ attribute(_context, transaction_method.name) }}</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-general-card-save">{{ entry_card_save }}</label>
                <div class="col-sm-10">
                  <div class="alert alert-info"><i class="fa fa-exclamation-circle"></i> {{ help_card_save }}</div>
                  <div class="form-check form-switch form-switch-lg">
                    <input type="hidden" name="payment_opayo_setting[general][card_save]" value="0"/>
                    <input type="checkbox" name="payment_opayo_setting[general][card_save]" value="1" id="input-general-card-save" class="form-check-input"{% if setting_general.card_save %} checked{% endif %}/>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-general-debug"><span data-bs-toggle="tooltip" title="{{ help_debug }}">{{ entry_debug }}</span></label>
                <div class="col-sm-10">
                  <div class="form-check form-switch form-switch-lg">
                    <input type="hidden" name="payment_opayo_setting[general][debug]" value="0"/>
                    <input type="checkbox" name="payment_opayo_setting[general][debug]" value="1" id="input-general-debug" class="form-check-input"{% if setting_general.debug %} checked{% endif %}/>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-general-order-status">{{ entry_order_status }}</label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <select name="payment_opayo_setting[general][order_status_id]" id="input-general-order-status" class="form-select">
                      {% for order_status in order_statuses %}
                        {% if order_status.order_status_id == setting_general.order_status_id %}
                          <option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option>
                        {% else %}
                          <option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-geo-zone">{{ entry_geo_zone }}</label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <select name="payment_opayo_geo_zone_id" id="input-geo-zone" class="form-select">
                      <option value="0">{{ text_all_zones }}</option>
                      {% for geo_zone in geo_zones %}
                        {% if geo_zone.geo_zone_id == geo_zone_id %}
                          <option value="{{ geo_zone.geo_zone_id }}" selected="selected">{{ geo_zone.name }}</option>
                        {% else %}
                          <option value="{{ geo_zone.geo_zone_id }}">{{ geo_zone.name }}</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-sort-order">{{ entry_sort_order }}</label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <input type="text" name="payment_opayo_sort_order" value="{{ sort_order }}" placeholder="{{ entry_sort_order }}" id="input-sort-order" class="form-control" />
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="tab-cron">
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-cron-token"><span data-bs-toggle="tooltip" title="{{ help_cron_token }}">{{ entry_cron_token }}</span></label>
                <div class="col-sm-10">
                  <div class="input-group">{% setting_cron = setting.cron %}
                    <input type="text" name="payment_opayo_setting[cron][token]" value="{{ setting_cron.token }}" placeholder="{{ entry_cron_token }}" id="input-cron-token" class="form-control" />
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label class="col-sm-2 col-form-label" for="input-cron-url"><span data-bs-toggle="tooltip" title="{{ help_cron_url }}">{{ entry_cron_url }}</span></label>
                <div class="col-sm-10">
                  <div class="input-group">
                    <input type="text" name="payment_opayo_setting[cron][url]" value="{{ setting_cron.url }}" placeholder="{{ entry_cron_url }}" id="input-cron-url" class="form-control" />
                  </div>
                </div>
              </div>
              {% if setting_cron.last_run %}
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_cron_last_run }}</label>
                  <div class="col-sm-10">{{ setting_cron.last_run }}</div>
                </div>
              {% endif %}
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
#content .col-form-label span::after {
	font-family: 'Font Awesome 5 Free';
	color: #1E91CF;
	content: '\f059';
	margin-left: 4px;
}
</style>	 					
{{ footer }}					